import classNames from 'classnames';
import { HTMLAttributes } from 'react';
import styles from './index.module.less';

interface I{{ pascalCase name }}Props {
  // TODO:
}

export default function {{ pascalCase name }}(props: I{{ pascalCase name }}Props & HTMLAttributes<any>) {
  const { className = '', ...restProps } = props;
  return (
    <div className={classNames(styles['comp-{{ kebabCase name }}'], className)} {...restProps}>
      {{ kebabCase name }}
    </div>
  );
}
